// ============================== 导入依赖 ============================== //

const SCROLL = {
  rail: {
    size: '6px', // 轨道宽度
    opacity: 0, // 轨道背景透明度
    background: 'transparent', // 轨道背景色
    gutterOfSide: '0px', // 轨道距离容器的距离
  },
  bar: {
    size: '6px', // 滑块宽度
    opacity: 0.3, // 滑块透明度
    background: '#0090FF', // 滑块背景色
    keepShow: true, // 保持常显
  },
}

const SCROLL_WIDE = {
  rail: {
    size: '12px', // 轨道宽度
    background: 'transparent', // 轨道背景色
    gutterOfSide: '0px', // 轨道距离容器的距离
  },
  bar: {
    size: '6px', // 滑块宽度
    opacity: 0.3, // 滑块透明度
    background: '#0090FF', // 滑块背景色
    keepShow: true, // 保持常显
  },
}

// ============================== 导出简易滚动条 ============================== //

export default {
  // —————————————————————————————— 原生属性 —————————————————————————————— //

  scrollProps: { type: Object, default: () => SCROLL }, // vuescroll 原生配置项
  scrollWideProps: { type: Object, default: () => SCROLL_WIDE }, // vuescroll 更宽原生配置项
}
